body{
  font-family:Arial, Helvetica, sans-serif;
  margin:50px;
  font-size:13px;
}
.wrapper{
  font-family:Arial, Helvetica, sans-serif;
  padding-top:90px;
  padding-left:50px;
}
.wrapper .text{
  font-family:Arial, Helvetica, sans-serif;
  padding-top:50px;
}
.wrapper h1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:26px;
}
.longText{
  margin-top:20px;
  width:600px;
  font:18px/24px Arial, Helvetica, sans-serif;
  color:gray;
}

.tabContent, .tabContent div {
    clear: both;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
    list-type: none;
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2147483647;
}

.show:hover {
    cursor: pointer;
}

.navColumn {
    float: left;
}

.contentColumn {
    float: left;
    padding-left: 1em;
    padding-right: 1em;
}

.messageDiv {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #FFF;
    border: 4px solid #0068B6;
    color: #000;
    display: none;
    margin: auto auto;
    text-align: left;
    z-index: 99999;
    position: fixed;
    position: absolute;
    padding: 20px 120px;
}

.left {
    float: left;
}

.right {
    float: right;
}

h3.pager {
    border-bottom: #ffffff 1px solid;
    padding-bottom: 2px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    display: block;
}

span.btn{
    padding: 6px;
    display:inline-block;
    cursor: pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#000;
    background:#CFDE6A;
    border:1px solid #CFDE6A;
    border-bottom: 1px solid #839600;
    border-right: 1px solid #839600;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
}

span.smallbtn{
    padding: 3px;
    display:inline-block;
    cursor: pointer;
    font:10px/12px Arial, Helvetica, sans-serif;
    color:#000;
    background:#CFDE6A;
    border:1px solid #CFDE6A;
    border-bottom: 1px solid #839600;
    border-right: 1px solid #839600;
    -moz-box-shadow:#999 1px 0px 2px;
    -webkit-box-shadow:#999 1px 0px 2px;
}

span.checkbox {
    padding: 3px 6px 3px 3px;
    display:inline-block;
    cursor: pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#000;
    background:#CFDE6A;
    border:1px solid #CFDE6A;
    border-bottom: 1px solid #839600;
    border-right: 1px solid #839600;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
}

.btn > a:link {
    text-decoration: none;
}

.bar {
    font-size: 2em;
    color: #CCC;
    margin: 1px 0;
    padding: 5px 10px;
    outline-color: invert;
    border-bottom: #c6c6c6 1px solid;
    background: #666;
    height: 28px;
}

.semester, .search{
    background: #F9F9F9;
    border: 1px groove #E5E5E5;
    color: #000;
    text-align: left;
    padding: 1px;
    font:12px/14px Arial, Helvetica, sans-serif;
}

img.ui-datepicker-trigger {
    background: url(../images/calendar.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 0 3px;
}

.dropTarget.ui-state-hover {
    border: 3px solid #7FA0CE;
}

.dropTarget.ui-state-hover div {
    background: #9FB8DA url(blitzer/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
}

.dropSource li:hover {
    border: 1px solid #7FA0CE;
    background: #9FB8DA url(blitzer/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
}
